﻿@charset "UTF-8";
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd { margin: 0px; }
input, button, ul, ol { margin: 0px; padding: 0px; }
body, input, button, form { font-size: 14px; line-height: 28px; font-family: 'PingFang SC', 'Myriad Pro', "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #ffffff; }
h1, h2, h3, h4, h5, h6, font { font-size: 14px; font-weight: normal; }
ul, ol, li { list-style: none; }
input { background: none; border: 0 none; }
img, iframe { border: 0px; }
em, i { font-style: normal; }
button, input, select, textarea { font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
body { background: #303030; }
.red { color: #ba292e; }
.fl { float: left; }
.fr { float: right; }
.tac { text-align: center; }
.tar { text-align: right; }
.poa { position: absolute; }
.por { position: relative; }
.hidden { display: none; }
.w1200 { width: 1200px; margin: 0 auto; }
.ico { background: url(../images/ico.png) no-repeat; display: inline-block; vertical-align: middle; }
a { color: #ffffff; text-decoration: none; }
a:hover { color: #179ad4; text-decoration: none; }
a:visited { text-decoration: none; }
.ease, .ease * { -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.noease, .noease * { -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }
:-moz-placeholder {
 color: #aaa;
}
::-moz-placeholder {
 color: #aaa;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
 color: #aaa;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
 color: #aaa;
}
/*清除浮动*/
.clearfix {  *zoom: 1;
}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
/*header*/
.header { height: 70px; padding: 40px 0 42px; }
.header .logo { width: 240px; height: 70px; display: block; }
.header .logo img { width: 100%; height: 100%; display: block; }
.header .nav { width: 900px; height: 45px; padding-top: 15px; position: relative; }
.header .nav ul { width: 100%; text-align: right; }
.header .nav li { display: inline-block;  *display: inline;
 *zoom: 1;
margin-left: 28px; position: relative; z-index: 10; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.header .nav li a { padding: 0 20px; text-align: center; height: 40px; line-height: 40px; cursor: pointer; display: block; position: relative; font-family: impact; font-size: 18px; text-transform: uppercase; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.header .nav li .line1 { display: inline-block; background-color: #179ad4; position: absolute; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: 0.2s ease; }
.header .nav li .line_top { height: 1px; width: 0; left: 0; top: -1px; }
.header .nav li .line_left { width: 1px; height: 0; bottom: -1px; left: -1px; }
.header .nav li .line_bottom { height: 1px; width: 0; right: -1px; bottom: -1px; }
.header .nav li .line_right { height: 0; width: 1px; top: 0; right: -1px; }
.header .nav li:hover a, .header .nav li.hover a { color: #179ad4; }
.header .nav li:hover .line_top, .header .nav li.hover .line_top { width: calc(101%); }
.header .nav li:hover .line_left, .header .nav li.hover .line_left { height: calc(104%); }
.header .nav li:hover .line_bottom, .header .nav li.hover .line_bottom { width: calc(101%); }
.header .nav li:hover .line_right, .header .nav li.hover .line_right { height: calc(101%); }
/* banner */
.banner, .banner .list, .banner img { height: 950px; }
.banner { width: 100%; min-width: 1000px; position: relative; }
.banner .list { width: 100%; }
.banner .list li { width: 100%; position: absolute; z-index: 1; overflow: hidden; }
.banner .list li a { width: 100%; display: block; background-position: center center; background-repeat: no-repeat; }
.banner .tip { width: 1000px; height: 20px; text-align: center; position: absolute; left: 50%; margin-left: -500px; bottom: 65px; z-index: 3; }
.banner .tip span { width: 20px; height: 8px; margin: 0 8px; display: inline-block; cursor: pointer; background: #0e3260; border-radius: 4px; }
.banner .tip span.cur { background: #fff; }
.banner .prev, .banner .next { width: 80px; height: 70px; position: absolute; z-index: 12; top: 50%; margin-top: -31px; cursor: pointer; transition: none; background: url(../images/banner-ico.png) no-repeat 0 center; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.banner .prev:hover, .banner .next:hover { margin-top: -36px; }
.banner .prev { left: 2%; background-position: 23px center; }
.banner .next { right: 2%; background-position: -42px center; }
.banner .banner-txt { position: absolute; width: 647px; height: 338px; left: 50%; top: 50%; z-index: 99; margin: -169px 0 0 -323px; }
.banner .banner-txt img { width: 647px; height: 338px; }
.banner .down-tip { position: absolute; width: 100%; left: 0; z-index: 99; text-align: center; bottom: 10px; color: #fff; }
.banner .down-tip span { font-size: 12px; }
.banner .down-tip s { width: 16px; height: 10px; margin-right: 5px; background-position: -80px 0; }
/*******index css*******/
.index { width: 100%; background: url(../images/indexbg.jpg) no-repeat center top; }
.itop { width: 80px; margin: 30px auto 60px; cursor: pointer; text-align: center; font-family: arial; font-weight: bold; font-size: 30px; display: none; }
.itop s { width: 61px; height: 40px; display: block; margin: 0 auto; background-position: 0 0; }
.itemhover { font-family: impact; text-transform: uppercase; text-align: center; position: relative; }
.itemhover .l, .itemhover .line, .itemhover .t { opacity: 0; filter: alpha(opacity=0); transition: all .4s; }
.itemhover .l { width: 100%; display: block; z-index: 11; font-size: 32px; top: 175px; position: absolute; left: 0; color: #fff; }
.itemhover .line { position: absolute; left: 50%; top: 280px; margin-left: -45px; width: 90px; height: 2px; display: block; background: #fff; z-index: 11; }
.itemhover .t { font-size: 24px; top: 344px; position: absolute; left: 0; color: #fff; width: 100%; z-index: 11; }
.itemhover:hover .l, .itemhover:hover .line, .itemhover:hover .t { opacity: 1; filter: alpha(opacity=100); }
.itemhover:hover .l { top: 135px; }
.itemhover:hover .line { top: 195px; }
.itemhover:hover .t { top: 230px; }
.iproduct { overflow: hidden; }
.iproduct .list { width: 102%; }
.iproduct .list li { width: 390px; height: 390px; float: left; margin: 0 15px 14px 0; overflow: hidden; position: relative; }
.iproduct .list li a { width: 100%; height: 100%; display: block; }
.iproduct .list li img { height: 100%; transition: all .5s; display: block;
 transform:scale(1.02); -webkit-transform: scale(1.02); }
.iproduct .list li.big { width: 794px; height: 390px; }
.iproduct .list li:hover img { transform:scale(1); -webkit-transform:scale(1);  opacity: .5\9;
filter: alpha(opacity=50); }
.hvr-linear { position: relative; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; overflow: hidden; }
.hvr-linear:before { position: absolute; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; z-index: 10; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 48, 0, 0.7) 75%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); }
.hvr-linear:hover:before { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
/*copyright*/
.copyright { width: 100%; padding: 20px 0; line-height: 36px; border-top: 1px solid #ffffff; text-transform: uppercase; font-size: 18px; font-family: arial; }
.copyright .txt-right { text-align: right; }
.copyright .b { font-size: 14px; font-family: "microsoft yahei"; }
.copyright a { color: #fff; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.copyright a:hover { color: #179ad4; }
/********.toolbar1*********/
.toolbar1 { width: 35px; position: fixed; right: 10px; top: 200px; z-index: 999; }
.toolbar1 dd { width: 35px; height: 42px; margin-bottom: 30px; position: relative; }
.toolbar1 dd i { width: 35px; height: 42px; display: block; position: absolute; left: 0; top: 0; cursor: pointer; text-align: center; }
.toolbar1 dd i span { width: 35px; height: 42px; display: block; background: url(../images/fix-ico.png) no-repeat 0 0; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.toolbar1 dd:hover span { opacity: 0.8; filter: alpha(opacity=80); }
.toolbar1 .pop { position: absolute; right: 70px; top: -53px; background: #179ad4; display: none; }
.toolbar1 .pop-code { width: 120px; padding: 5px; background: #179ad4; }
.toolbar1 .pop-code img { width: 120px; height: 120px; display: block; }
.toolbar1 .pop-tel { top: 0; right: 90px; font-weight: bold; font-size: 18px; padding: 8px 15px; background: #179ad4; text-align: center; white-space: nowrap; }
.toolbar1 .qq span { background-position: center 0; }
.toolbar1 .qq a { width: 35px; height: 42px; cursor: pointer; display: block; }
.toolbar1 .tel span { background-position: center -147px; }
.toolbar1 .code span { background-position: center -74px; }
/***********category  css*************/
.nyclass { width: 100%; background: #303030 url(../images/indexbg.jpg) no-repeat center top; }
.nyclass .header { padding-top: 25px; }
.nyclass.no-imgbg { background: #1c1c1c; }
.wrapper { padding-bottom: 40px; }
/*menu*/
.menu { width: 100%; padding: 10px 0; border-bottom: 1px solid #969797; }
.menu .title { cursor: pointer; width: 100px; }
.menu .title .f, .menu .title h3 { display: inline-block;  *display: inline;
 *zoom: 1;
vertical-align: middle; }
.menu .title h3 { font-size: 18px; font-weight: bold; margin-left: 6px; font-family: arial; }
.menu .title .f { width: 14px; height: 14px; position: relative; }
.menu .title .f span { width: 14px; height: 2px; background: #fff; display: block; position: absolute; left: 0; top: 6px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.menu .title .f span:first-child { width: 2px; height: 14px; left: 6px; top: 0; }
.menu .title.hover span:first-child { transform: rotateX(-90deg); }
.menu .box { padding: 10px 0 8px; display: none; }
.menu .box a { padding: 0 15px; font-size: 18px; font-weight: bold; display: inline-block; margin-right: 20px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.menu .box a.hover { color: #179ad4; }
/* pager */
.pager { padding: 40px 0 50px; text-align: center;  *zoom: 1;
}
.pager:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.pager p { height: 26px; line-height: 26px; display: inline-block;  *display: inline;
 *zoom: 1;
display: none; }
.pager ul { display: inline-block;  *display: inline;
 *zoom: 1;
overflow: hidden; }
.pager ul li { float: left; margin: 0 18px; padding: 0 !important; height: auto !important; border: none !important; font-family: impact; }
.pager ul a { line-height: 30px; padding: 0 5px; text-decoration: none; float: left; }
.pager ul a.current, .pager ul a:hover { color: #179ad4; border-bottom: 1px solid #179ad4; }
/*aboutPage*/
.about-coop { padding: 360px 0 0; height: 600px; margin-top: -30px; text-align: center; width: 100%; background: url(../images/about-bg2.png) no-repeat center top; }
.about-coop .en { font-size: 82px; letter-spacing: 1px; text-transform: uppercase; font-family: impact; color: #000; }
.about-coop .txt { color: #000; font-size: 18px; text-align: center; padding: 50px 0; font-weight: bold; }
.about-coop .list { width: 1300px; margin: 0 auto; }
.about-coop .list li { width: 210px; height: 100px; display: inline-block;  *display: inline;
 *zoom: 1;
margin: 0 18px 23px; overflow: hidden; border: 1px solid #e5e5e5; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.about-coop .list li img { width: 100%; display: block; transition: all .4s; }
.about-coop .list li:hover { border-color: #179ad4; }
.about-coop .list li:hover img { transform: scale(1.02); }
/*moviePage*/
.moviePage .list { padding-top: 60px; }
.moviePage .list .item { width: 100%; margin-bottom: 45px; }
.moviePage .list .item .img { width: 100%; max-height: 600px; display: block; position: relative; overflow: hidden; }
.moviePage .list .item .img img { width: 100%; display: block; transition: all .7s; }
.moviePage .list .item .img .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: url(../images/black50.png) repeat 0 0; }
.moviePage .list .item .img s { width: 118px; height: 118px; position: absolute; left: 50%; top: 50%; margin: -59px 0 0 -59px; background: url(../images/video-ico.png) no-repeat center center; transition: all .5s; }
.moviePage .list .item .txt { width: 100%; font-size: 18px; line-height: 55px; color: #fff; transition: all .5s; }
.moviePage .list .item .txt span { opacity: 0.3; filter: alpha(opacity=30); margin-left: 7px; display: inline-block; }
.moviePage .list .item:hover .img img { transform: scale(1.02); }
.moviePage .list .item:hover .img .bg s { transform: scale(0.9); }
.moviePage .list .item:hover .txt { color: #179ad4; }
/*productPage*/
.productPage { overflow: hidden; }
.prolist { width: 105%; padding-top: 78px; }
.prolist .item { width: 280px; float: left; margin: 0 27px 36px 0; }
.prolist .item .img { width: 280px; height: 210px; display: block; overflow: hidden; position: relative; }
.prolist .item .img img { width: 100%; height: 100%; display: block; transition: all .5s; }
.prolist .item .txt { width: 100%; padding-top: 18px; height: 44px; line-height: 22px; display: block; overflow: hidden; text-align: center; font-size: 16px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.prolist .item:hover .img img { transform: scale(1.02); opacity: 0.5; filter: alpha(opacity=50); }
.prolist .item:hover .txt { color: #179ad4; }
.prolist .itemhover .l { font-size: 28px; top: 125px; }
.prolist .itemhover .line { top: 280px; }
.prolist .itemhover:hover .l, .prolist .itemhover:hover .line, .prolist .itemhover:hover .t { opacity: 1; filter: alpha(opacity=100); }
.prolist .itemhover:hover .l { top: 75px; }
.prolist .itemhover:hover .line { top: 125px; }
.relate-pro .title { font-size: 20px; padding-top: 30px; }
.relate-pro .prolist { padding-top: 20px; }
.aboutPage { padding-bottom: 0; }
.aboutPage .about-txt { padding: 70px 0 40px; }
.aboutPage .about-txt .en { font-family: impact; font-size: 82px; line-height: 82px; text-transform: uppercase; text-align: center; }
.aboutPage .about-txt .en span { color: #179ad4; }
.aboutPage .about-txt .img { display: block; margin: 50px auto; }
.aboutPage .about-txt .txtcon { width: 933px; margin: 0 auto; text-align: center; font-size: 18px; line-height: 36px; }
.aboutPage .about-txt .txtcon img { max-width: 100%; }
.aboutPage .about-service { padding: 135px 0 0; background: url(../images/about-bg.png) no-repeat center top; }
.aboutPage .about-service .title { text-align: center; font-size: 18px; text-transform: uppercase; font-family: arial; margin-bottom: 65px; }
.aboutPage .about-service .title span { font-size: 24px; font-weight: bold; margin-right: 4px; }
.aboutPage .about-service .txt { width: 890px; margin: 0 auto; line-height: 36px; font-size: 18px; font-weight: bold; }
.aboutPage .about-service .tab { text-align: center; padding: 60px 0; }
.aboutPage .about-service .tab li { display: inline-block;  *display: inline;
 *zoom: 1;
margin: 0 20px; padding: 6px 20px; cursor: pointer; font-size: 18px; position: relative; }
.aboutPage .about-service .tab li .line1 { display: inline-block; background-color: #179ad4; position: absolute; -webkit-transition: .2s ease; -o-transition: .2s ease; transition: 0.2s ease; }
.aboutPage .about-service .tab li .line_top { height: 1px; width: 0; left: 0; top: -1px; }
.aboutPage .about-service .tab li .line_left { width: 1px; height: 0; bottom: -1px; left: -1px; }
.aboutPage .about-service .tab li .line_bottom { height: 1px; width: 0; right: -1px; bottom: -1px; }
.aboutPage .about-service .tab li .line_right { height: 0; width: 1px; top: 0; right: -1px; }
.aboutPage .about-service .tab li:hover, .aboutPage .about-service .tab li.hover { color: #179ad4; }
.aboutPage .about-service .tab li:hover .line_top, .aboutPage .about-service .tab li.hover .line_top { width: calc(101%); }
.aboutPage .about-service .tab li:hover .line_left, .aboutPage .about-service .tab li.hover .line_left { height: calc(104%); }
.aboutPage .about-service .tab li:hover .line_bottom, .aboutPage .about-service .tab li.hover .line_bottom { width: calc(101%); }
.aboutPage .about-service .tab li:hover .line_right, .aboutPage .about-service .tab li.hover .line_right { height: calc(101%); }
.aboutPage .about-service .listcon { width: 100%; height: 298px; overflow: hidden; position: relative; }
.aboutPage .about-service .listcon .list { width: 400%; }
.aboutPage .about-service .listcon li { width: 25%; float: left; height: 298px; }
.aboutPage .about-service .listcon li img { width: 100%; display: block; }
/*newsPage*/
.newsPage { overflow: hidden; margin: 0 auto; }
.newsPage .list { width: 105%; padding-top: 50px; }
.newsPage .item { width: 580px; float: left; margin: 0 38px 50px 0; }
.newsPage .item .img { width: 580px; height: 290px; overflow: hidden; display: block; }
.newsPage .item .img img { width: 100%; display: block; transition: all .5s; }
.newsPage .item .txtcon { display: block; line-height: 20px; text-align: left; }
.newsPage .item .txtcon h3 { margin: 25px 0; font-size: 18px; height: 20px; overflow: hidden; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.newsPage .item .txtcon .txt { height: 40px; overflow: hidden; opacity: 0.7; filter: alpha(opacity=70); }
.newsPage .item .txtcon .more { text-decoration: underline; display: block; margin-top: 25px; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.newsPage .item:hover a { color: #fff; }
.newsPage .item:hover .img img { transform: scale(1.02); opacity: 0.5; filter: alpha(opacity=50); }
.newsPage .item:hover .txtcon h3, .newsPage .item:hover .txtcon .more { color: #179ad4; }
.newsPage .item:hover .txtcon .more { margin-left: 10px; }
.newsPage .itemhover .l { font-size: 28px; top: 125px; }
.newsPage .itemhover .line { top: 280px; }
.newsPage .itemhover:hover .l, .newsPage .itemhover:hover .line, .newsPage .itemhover:hover .t { opacity: 1; filter: alpha(opacity=100); }
.newsPage .itemhover:hover .l { top: 105px; }
.newsPage .itemhover:hover .line { top: 165px; }
/*kehuPage*/
.kehuPage { overflow: hidden; }
.kehuPage .title { padding: 70px 0 100px; text-align: center; font-family: "microsoft yahei"; font-size: 18px; font-weight: bold; }
.kehuPage .list { width: 103%; min-height: 350px; }
.kehuPage .list li { width: 210px; height: 100px; float: left; margin: 0 35px 33px 0; overflow: hidden; border: 1px solid #e5e5e5; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.kehuPage .list li img { width: 100%; display: block; transition: all .4s; }
.kehuPage .list li:hover { border-color: #179ad4; }
.kehuPage .list li:hover img { transform: scale(1.02); }
/*contactPage*/
.mapArea { width: 100%; height: 400px; display: block; overflow: hidden; }
.contactPage { width: 950px; overflow: hidden; padding-top: 35px; }
.contactPage .title { font-size: 24px; margin-bottom: 35px; }
.contactPage .conlist { padding: 60px 0 120px; }
.contactPage .conlist li { float: left; font-size: 18px; font-family: impact; }
.contactPage .conlist li s { width: 56px; height: 56px; display: block; float: left; margin-right: 20px; background: url(../images/contact-ico.png) no-repeat 0 center; }
.contactPage .conlist li strong { font-weight: normal; display: block; }
.contactPage .conlist li.a1 { width: 300px; }
.contactPage .conlist li.a2 { width: 460px; }
.contactPage .conlist li.a2 s { background-position: -71px center; }
.contactPage .conlist li.a2 strong { font-size: 14px; font-family: "microsoft yahei"; }
.contactPage .conlist li.a3 { float: right; width: 180px; }
.contactPage .conlist li.a3 s { background-position: -142px center; }
.contactPage .formData { width: 108%; padding-bottom: 150px; }
.contactPage .formData .item { float: left; font-weight: normal; width: 442px; border-bottom: 1px solid #afafaf; margin-right: 64px; margin-bottom: 16px; font-size: 18px; position: relative; }
.contactPage .formData .item label { width: 68px; float: left; display: block; margin: 0; line-height: 80px; height: 80px; }
.contactPage .formData .item input { outline: none; line-height: 80px; height: 80px; font-size: 18px; }
.contactPage .formData .item .txt { width: 372px; float: left; border: 0 none; }
/*.contactPage .formData .item span { float: left; padding-left: 5px; }*/
.contactPage .formData .msg-box{ position: absolute; left: 80px; top: 20px; z-index: 11; }
.contactPage .formData .item.itemt label { width: 95px; }
.contactPage .formData .item.itemt .txt { width: 345px; }
.contactPage .formData .item.itemt2 label { width: 88px; }
.contactPage .formData .item.itemt2 .txt { width: 352px; }
.contactPage .formData .liuyan { width: 920px; height: 215px; padding-top: 20px;  position: relative; margin-bottom: 35px; float: left; font-size: 18px; border-bottom: 1px solid #afafaf; }
.contactPage .formData .liuyan label { width: 100%; margin-bottom: 5px; display: block; float: none; }
.contactPage .formData .liuyan textarea { width: 920px; height: 100px; border: 0 none; overflow: hidden; background: none; resize: none; display: block; outline: none; color: #fff; font-family: "microsoft yahei"; }
.contactPage .formData .sub { width: 160px; height: 40px; text-align: center; background: #179ad4; color: #FFF; border: none; cursor: pointer; font-size: 18px; line-height: 40px; display: block; }
.contactPage .formData .sub:hover { background: #fff; color: #179ad4; }
.contactPage .formData .yzm { width: 410px; float: left; margin-right: 30px; border-bottom: 1px solid #afafaf; position: relative; }
.contactPage .formData .yzm label { float: left; height: 40px; font-size: 18px; line-height: 40px; width: 70px; }
.contactPage .formData .yzm .msg-box{ top: 0; }
.contactPage .formData .yzm input { width: 220px; border: 0; display: inline-block; height: 40px; vertical-align: middle; line-height: 40px; outline: none; float: left; }
.contactPage .formData .yzm img { width: 100px; height: 40px; float: right; }
.job-banner { width: 100%; height: 640px; background-repeat: no-repeat; background-position: center top; }
.jobPage { padding: 80px 0 0; }
.jobPage .title { width: 100%; height: 16px; position: relative; border-top: 1px solid #3f3f3f; }
.jobPage .title span, .jobPage .title h3 { position: absolute; left: 0; top: -14px; line-height: 28px; background: #1c1c1c; display: block; padding-right: 14px; font-size: 18px; }
.jobPage .title span b { font-weight: normal; color: #179ad4; display: inline-block; padding: 0 10px; }
.jobPage .title h3 { color: #179ad4; font-weight: normal; }
.jobPage .cont { padding-top: 20px; }
.jobPage .cont .item { border: 1px solid #535353; border-left: 4px solid #179ad4; padding: 10px 20px 0; margin-bottom: 20px; position: relative; }
.jobPage .cont .item .top { height: 65px; cursor: pointer; }
.jobPage .cont .item .top span { display: inline-block; }
.jobPage .cont .item .top span.sarry { color: #179ad4; margin-right: 36px; }
.jobPage .cont .item .top .time { color: #999; }
.jobPage .cont .item .top h3 { font-size: 18px; font-weight: normal; color: #179ad4; }
.jobPage .cont .item .top p { display: block; }
.jobPage .cont .item .bottom { padding-top: 20px; border-top: 1px solid #7c7c7c; padding-bottom: 20px; }
.jobPage .cont .item .btn { width: 162px; height: 58px; cursor: pointer; position: absolute; top: 18px; right: -18px; text-align: center; padding-right: 30px; line-height: 40px; color: #fff; background: url(../images/jobbtn.png) no-repeat 0 0; display: none; }
.jobPage .cont .item.hover .btn { display: block; }
.jobPage .left { width: 800px; }
.jobPage .right { width: 350px; }
.jobPage .right .item { margin-bottom: 74px; }
.jobPage .right .item .cont { line-height: 28px; }
.jobPage .right .item .cont img { margin-left: 10px; }
/*applyPage*/
.applyPage { padding: 60px 0 80px; }
.applyPage .nyImsgCon .item { height: 48px; line-height: 48px; width: 392px; float: left; position: relative; border: 0; margin: 0 0 25px 10px; }
.applyPage .nyImsgCon .item label { width: 80px; float: left; font-size: 16px; margin-right: 10px; text-align: right; }
.applyPage .nyImsgCon .item .red { color: red; position: static; right: 0; top: 0; font-size: 12px; margin-right: 5px; }
.applyPage .nyImsgCon .item .txt { width: 290px; height: 48px; line-height: 48px; float: left; padding-left: 10px; font-size: 16px; background: none; border: 1px solid #7c7c7c; }
.applyPage .nyImsgCon .item.xm, .applyPage .nyImsgCon .item.cartid { margin-right: 40px; }
.applyPage .nyImsgCon .item.liuyan { width: 100%; height: 150px; }
.applyPage .nyImsgCon .item.liuyan textarea { width: 1084px; border: 1px solid #7c7c7c; height: 130px; float: left; background: none; padding: 10px; overflow: hidden; resize: none; line-height: 24px; font-size: 16px; font-family: "microsoft yahei"; color: #fff; }
.applyPage .nyImsgCon .item.sex input { margin-right: 8px; width: 15px; height: 15px; vertical-align: middle; }
.applyPage .nyImsgCon .item.sex input.ml0 { margin-left: 0; }
.applyPage .nyImsgCon .ml0 { margin-left: 0; }
.applyPage .nyImsgCon .itemsub { width: 100%; height: 40px; line-height: 40px; }
.applyPage .nyImsgCon .itemsub .btn { width: 218px; height: 40px; cursor: pointer; line-height: 40px; border: none; font-size: 14px; background: #179ad4; color: #fff; display: block; margin: 0 auto; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.applyPage .nyImsgCon .itemsub .btn:hover { background: #ec1616; }
/*showNews*/
.shareNew { padding-bottom: 20px; }
.showNews { width: 1200px; padding: 0 0 40px; }
.showNews .tit { font-size: 22px; padding: 40px 0 20px; color: #fff; text-align: center; margin: 10px 0 10px; }
.showNews .mark { color: #fff; opacity: 0.8; filter: alpha(opacity=80); height: 38px; line-height: 38px; text-align: center; margin-bottom: 20px; border-top: 1px solid #555; border-bottom: 1px solid #555; }
.showNews .mark span { margin: 0 10px; font-size: 12px; }
.showNews .showContxt { color: #fff; padding: 0 2px 30px; line-height: 30px; }
.showNews .showContxt .t { position: relative; display: inline-block;  *display: inline;
 *zoom: 1;
color: #333; padding: 0 2px 5px; font-size: 16px; margin-bottom: 10px; }
.showNews .showContxt .t:after { width: 20px; height: 2px; content: "\20"; background: #179ad4; display: block; position: absolute; left: 2px; bottom: -1px; }
/* reLink */
.reLink { height: 48px; line-height: 48px; font-size: 16px; border-top: 1px solid #9b9c9b; }
.reLink .nextLink, .reLink .prevLink { width: 50%; color: #9b9c9b; }
.reLink .nextLink { text-align: right; }
.reLink a { display: block; -webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms; }
.reLink a:hover { color: #179ad4; }
.showProduct .tit { width: 100%; height: 52px; line-height: 52px; padding-top: 30px; border-bottom: 1px solid #969797; margin-bottom: 42px; }
.showProduct .tit h1 { width: 770px; float: left; font-size: 30px; }
.showProduct .tit .mark { width: 400px; float: right; overflow: hidden; text-align: right; color: #fff; height: 52px; line-height: 52px; }
.showProduct .tit .mark span { margin-right: 10px; font-size: 12px; }
.showProduct .showContxt { width: 100%; color: #fff; padding: 0 0 30px; line-height: 30px; overflow: hidden; }
.showProduct .showContxt img { max-width: 100%; }
.showProduct .showContxt .img { max-width: 60%; display: block; margin: 0 auto; }
.showProduct .showContxt .t { text-align: center; font-size: 16px; padding: 24px 0; line-height: 24px; }
.showProduct .showContxt .txt { width: 100%; overflow: hidden; font-size: 16px; }
.showProduct .bdshare-button-style0-16  .bds_more { width: 67px; height: 25px; display: inline-block; vertical-align: middle; float: none; margin: 0 0 0 10px; background: #179ad4;
line-height: 25px; font-size: 12px; color: #fff; padding: 0; text-align: center; }
.map_ul { list-style: outside none none; display: block; width: 100%; padding-top: 10px; margin-bottom:50px }
    .map_ul h3 {
        text-align: center;font-size:30px; margin-bottom:30px
    }

.map_ul li { display: block; width: 100%; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #7d8183; margin-left: 10px; float: left; }
.map_ul li a { font-size: 14px; float: left; width: 100%; height: 23px; line-height: 23px; font-weight: bold; }
.map_ul .list-inline { display: block; margin-left: 14%; width: 80%; min-height: 30px; }
.map_ul .list-inline a { font-weight: normal; width: auto; float: none; line-height: 32px; height: 32px; margin: 0 10px 10px 0; display: inline-block; border: 1px solid #7d8183; padding: 0px 10px; }
.map_ul .list-inline a:hover { background: #179ad4; color: #fff; }
/*******font-face********/
@font-face { font-family: impact; src: url('../font/impact.eot'); src: url('../font/impact.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../font/impact.woff') format('woff'), /* Modern Browsers */ url('../font/impact.ttf') format('truetype'), /* Safari, Android, iOS */ url('../font/impact.svg#impact') format('svg');/* IE9 Compat Modes */
  /* Legacy iOS */
}
